<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="path" value="${pageContext.request.contextPath }" />
<%@ taglib tagdir="/WEB-INF/tags" prefix="matrix"%>
<%@ taglib uri="http://matrixcsm.zkingsoft.com" prefix="cms"%>
<cms:ads   code="'DO0903f31ade40401fa51e84e1e8b9253f','$o8c6a6260bf1548f28abf6b2ce8a0a557','tBae28c5cf84804b789e84c58cd7ed9c7a','lS12fb874cf6e948c3aa11811de1673d25','QX173b7b47c48b47c8b4e7986d839a00df','X192b4dce2047442cdb0a296dd2ec603e5','CG02f59e4d6c514b4b9dee43c764742b92','nt81370b4e1a6746548f908d857537c13e','lf8f3c3df369da4ef6980259cb6fab67a8','CXd82af33aeda44857b0bca0d4beace261','Dke8e8302a291b4dfc92a946f19d77a449','r$b09bd3ecf60b4ee2bf891108714ee08d'"  ></cms:ads>
<html lang="en">
 <head> 
  <meta charset="UTF-8"> 
  <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
  <meta http-equiv="X-UA-Compatible" content="ie=edge"> 
  <link rel="icon" sizes="any" href="${浏览器logo}">
  <title>特瑞兴留言反馈${网页标题}</title> 
  <link rel="stylesheet" type="text/css" href="http://hwfile.jyymatrix.cc/teruixin/pc/./fonts/iconfont.css"> 
  <link rel="stylesheet" href="http://hwfile.jyymatrix.cc/teruixin/pc/./css/bootstrap.css"> 
  <link rel="stylesheet" href="http://hwfile.jyymatrix.cc/teruixin/pc/./css/bootstrap-theme.min.css"> 
  <link rel="stylesheet" href="http://hwfile.jyymatrix.cc/teruixin/pc/./css/common.css"> 
  <style>/*内容部分 */ .aboutus-content{ padding: 15px 0px; } .aboutus-contentltop{ height: 200px; max-width: 100%; } .aboutus-contentlbott{ border: 1px solid #ddd; } .aboutus-contentlbott p{ background-color: rgb(0, 65, 146); color: #fff; font-size: 14px; text-align: center; height: 40px; line-height: 40px; } .aboutus-contentlbott div{ padding: 5px 10px; } .aboutus-contentrtop{ border-bottom: 3px solid #ddd; height: 40px; line-height: 30px; } /*留言*/ .messageback-lis li{ margin-top: 20px; } .messageback-lisinput&gt;div{ margin-top: 20px; } .form-groupnr input{ height: 60px; } .messageback-lisinput button{ margin-left: 20px; }</style> 
  <meta name="keywords" content="${网页关键词}">
  <meta name="description" content="${网页描述 }">
 </head> 
 <body style="overflow-x: hidden"> 
  <div id="teruix_meassageback"> 
   <!--header部分--> 
   <jsp:include page="_top.jsp"></jsp:include> 
   <!--logo-pic--> 
   <section class="logo-pic jumbotron masthead"> 
    <ul> 
     <li><img src="${DO0903f31ade40401fa51e84e1e8b9253f.adImg}" class="zy" data-type="ad" data-id="${DO0903f31ade40401fa51e84e1e8b9253f.adId}"></li> 
     <li><img src="${$o8c6a6260bf1548f28abf6b2ce8a0a557.adImg}" class="zy" data-type="ad" data-id="${$o8c6a6260bf1548f28abf6b2ce8a0a557.adId}"></li> 
    </ul> 
   </section> 
   <!--留言反馈--> 
   <section class="aboutus-content clearfix container"> 
    <div class="row"> 
     <div class="col-lg-3 col-md-4 col-sm-12 aboutus-contentleft"> 
      <!--<div class=" aboutus-contentltop">
                        待放内容区域
                    </div>--> 
      <div class=" aboutus-contentlbott"> 
       <p class="zy" data-type="ad" data-id="${tBae28c5cf84804b789e84c58cd7ed9c7a.adId}">${tBae28c5cf84804b789e84c58cd7ed9c7a.adTitle}</p> 
       <div class="zy" data-type="ad" data-id="${lS12fb874cf6e948c3aa11811de1673d25.adId}">
        ${lS12fb874cf6e948c3aa11811de1673d25.adTitle}
       </div> 
       <div class="zy" data-type="ad" data-id="${QX173b7b47c48b47c8b4e7986d839a00df.adId}">
        ${QX173b7b47c48b47c8b4e7986d839a00df.adTitle}
       </div> 
       <div class="zy" data-type="ad" data-id="${X192b4dce2047442cdb0a296dd2ec603e5.adId}">
        ${X192b4dce2047442cdb0a296dd2ec603e5.adTitle}
       </div> 
      </div> 
     </div> 
     <div class="col-lg-9 col-md-8 col-sm-9 aboutus-contentright"  > 
      <section class=" aboutus-contentrtop"> 
       <div class="col-lg-8 col-md-6 col-sm-3"> 
        <strong class="zy" data-type="ad" data-id="${CG02f59e4d6c514b4b9dee43c764742b92.adId}">${CG02f59e4d6c514b4b9dee43c764742b92.adTitle}</strong> 
       </div> 
       <div class="col-lg-4 col-md-6 col-sm-9 zy" data-type="ad" data-id="${nt81370b4e1a6746548f908d857537c13e.adId}">
        ${nt81370b4e1a6746548f908d857537c13e.adTitle}
       </div> 
      </section> 
      <section class="messageback-lis" style="height: 500px" > 
       <ul> 
        <li> 
         <div class="col-lg-8 col-md-9 col-sm-12 messageback-lisinput"> 
          <form> 
           <div class="form-group zy" data-type="ad" data-id="${lf8f3c3df369da4ef6980259cb6fab67a8.adId}">
            ${lf8f3c3df369da4ef6980259cb6fab67a8.adTitle}
           </div> 
           <div class="form-group zy" data-type="ad" data-id="${CXd82af33aeda44857b0bca0d4beace261.adId}">
            ${CXd82af33aeda44857b0bca0d4beace261.adTitle}
           </div> 
           <div class="form-group form-groupnr">
            <input type="text" class="form-control" placeholder="请输入内容">
           </div> 
           <div> 
            <button @click="goSubmit" class="btn btn-default zy" data-type="ad" data-id="${Dke8e8302a291b4dfc92a946f19d77a449.adId}">${Dke8e8302a291b4dfc92a946f19d77a449.adTitle}</button> 
            <button @click="goReset" class="btn btn-default zy" data-type="ad" data-id="${r$b09bd3ecf60b4ee2bf891108714ee08d.adId}">${r$b09bd3ecf60b4ee2bf891108714ee08d.adTitle}</button> 
           </div> 
          </form> 
         </div> 
         <div class="col-lg-4 col-md-3 col-sm-12"></div> </li> 
       </ul> 
      </section> 
     </div> 
    </div> 
   </section> 
   <!--底部--> 
   <jsp:include page="_footer.jsp"></jsp:include> 
  </div> 
  <script src="http://hwfile.jyymatrix.cc/teruixin/pc/./javascript//jquery-1.12.4.js"></script> 
  <script src="http://hwfile.jyymatrix.cc/teruixin/pc/./javascript/vue.js"></script> 
  <script src="http://hwfile.jyymatrix.cc/teruixin/pc/./javascript/uTils.js"></script> 
  <script>
        $(function(){
            //1.轮播图
            $(".logo-pic li").lunbo();

            //2.返回顶部
            $(".goTop").goTop();

            //二维码的移进移出事件
            $(".tels-lisao a").inOut();

        })
        var vm=new Vue({
            el:"#teruix_meassageback",
            data:{
                myName:"",
                myPhone:"",
                myYzm:"",
            },
            methods: {
                goSubmit:function(){
                    var that=this;
                    //姓名判断
                    if (!(/^[\u4E00-\u9FA5A-Za-z]+$/.test(that.myName))) {
                        alert("请输入正确的姓名");
                        return false;
                    }
                    //手机判断
                    if (!(/^1(3|4|5|6|7|8|9)\d{9}$/.test(that.myPhone))) {
                        alert("手机号码有误，请重填");
                        return false;
                    }
                },
                goReset:function(){
                    var that=this;
                    that.myName="";
                    that.myPhone="";
                },
                //需与后台连接
                rechange:function(){

                }
            },

        })




    </script>   
 </body>
</html>